<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>报告模板</title>

    <style>
        .page1{
            height: 860px;
            padding: 70px 70px;
        }
        .headerTitle{
            font-size: 32px;
            text-align: center;
            margin-bottom: 40px;
        }
        .firstTitle{
            font-size: 24px;
        }
        .score{
            font-size: 18px;
            margin-bottom: 30px;
        }
        .imgBox{
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
        img {
            max-width: 400px;
            height: auto;
        }
        .content{
        }
        .selfEval{
            text-indent: 2em;
            font-size: 18px;
            line-height: 36px;
        }
        .textIndex{
            text-indent: 2em;
            line-height: 36px;
            font-size: 21px;
        }

        table,
        td,
        th {
            text-align: center;
            border: 0.5px solid #000;
            border-collapse: collapse;
            font-size: 18px;
        }

        table td {
            padding: 10px 2px;
        }
    </style>
</head>
<body>


<div class="page1">
    <h1 class="headerTitle" th:text="|${name}数字化及用数评估结果|">
    </h1>
    <div class="firstTitle" style="margin-bottom: 20px;">【 评估情况 】</div>
    <span class="score" style="text-indent: 2em;">得分：<span th:text="${total}"></span>分</span>
    <div class="imgBox">
        <img th:src="${imageUrl}" alt="Image Placeholder" />
    </div>
    <table style="margin-top: 50px;font-size: 18px;">
        <tr style="line-height: 24px;" >
            <td>一级指标</td>
            <td>数字化情况</td>
            <td>数据共享</td>
            <td>数据应用</td>
            <td>数据分析</td>
            <td>AI+</td>
            <td>数据安全</td>
        </tr>
        <tr style="line-height: 36px;">
            <td>得分情况</td>
            <td th:text="${selfScore.szhqk}">数字化情况</td>
            <td th:text="${selfScore.sjgx}">数据共享</td>
            <td th:text="${selfScore.sjyy}">数据应用</td>
            <td th:text="${selfScore.sjfx}">数据分析</td>
            <td th:text="${selfScore.ai}">AI+</td>
            <td th:text="${selfScore.sjaq}">数据安全</td>
        </tr>

        <tr style="line-height: 36px;" >
            <td>平均分</td>
            <td th:text="${averScore.szhqk}">数字化情况</td>
            <td th:text="${averScore.sjgx}">数据共享</td>
            <td th:text="${averScore.sjyy}">数据应用</td>
            <td th:text="${averScore.sjfx}">数据分析</td>
            <td th:text="${averScore.ai}">AI+</td>
            <td th:text="${averScore.sjaq}">数据安全</td>
        </tr>

        <tr style="line-height: 36px;">
            <td>最高分</td>
            <td th:text="${maxScore.szhqk}"></td>
            <td th:text="${maxScore.sjgx}">数据共享</td>
            <td th:text="${maxScore.sjyy}">数据应用</td>
            <td th:text="${maxScore.sjfx}">数据分析</td>
            <td th:text="${maxScore.ai}">AI+</td>
            <td th:text="${maxScore.sjaq}">数据安全</td>
        </tr>
    </table>
</div>

<div class="page1">
    <div class="firstTitle ">【 部门自评 】</div>
    <div class="content">
        <div class="selfEval">
            <div style="font-size: 21px;">一、数字化情况</div>
            <div th:text="${zpSzhqk}" class="textIndex"></div>
            <div style="font-size: 21px;">二、数据共享及数据分析工作开展情况</div>
            <div th:text="${zpSjgx}" class="textIndex"></div>
            <div style="font-size: 21px;">三、存在的问题</div>
            <div th:text="${zpCzwt}" class="textIndex"></div>
            <div style="font-size: 21px;">四、下一步工作思路</div>
            <div th:text="${xybgzsl}" class="textIndex"></div>
        </div>
    </div>
</div>
</body>
</html>

